<!DOCTYPE html>

<html class="no-js">
        <head>
            <meta content="en-us" http-equiv="Content-Language">
            <meta content="text/html; "charset="utf-8" http-equiv="Content-Type">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <link rel="stylesheet" type="text/css" href="css/component.css" />
            <script src="js/modernizr.custom.js"></script>
            <title>主页</title>
    </head>
    
    
    <body class="cbp-spmenu-push">
        <div id="content">
            <br>
            <div class="search_part">
                <a class="logo" href="https://www.google.com">
                    <img class="smaller" src="GoogleLogo.gif">
                </a>
                <br>
                    <form onSubmit="return search()" class="search_bar">
                        <input type="submit" id="search_submit" value="Start">
                        <span><input class="search" type="text" value="" autocomplete="off" id="search_input"></span>
                    </form>
            </div>
            <br>
                    <img class="small " id="showBottom" src="up.png"/>
                    <div style="font-size:18px; padding-top:5%; color:#dcdcdc; font-family:'微软雅黑 Light'; ">
                    <br><br>copyright@2018 by LioGankn.
                    </div>
                    <nav class="cbp-spmenu cbp-spmenu-horizontal cbp-spmenu-bottom" id="cbp-spmenu-s4">
                    <h3><div style="padding-top:5%"></div>Favourite</h3>
                        <a href="https://www.ithome.com/">IT之家</a>
                        <a href="https://www.ldoceonline.com//">朗文</a>
                        <a href="http://online.zhihuishu.com/onlineSchool/student/index">Zhihuishu</a>
                        <a href="#">Catsear azuki bean</a>
                        <a href="#">Dandelion bunya</a>
                        <a href="#">Rutabaga</a>
                    </nav>

                    <script src="js/classie.js"></script>
                    <script>
                            var showBottom = document.getElementById( 'showBottom' ),
							body = document.body,
							menuBottom = document.getElementById( 'cbp-spmenu-s4' );
							
                            showBottom.onclick = function() {
								classie.toggle( this, 'active' );
								classie.toggle( menuBottom, 'cbp-spmenu-open' );
								disableOther( 'showBottom' );
								
								function disableOther( button ) {
	
									if( button !== 'showBottom' ) {
										classie.toggle( showBottom, 'disabled' );
									}
								}
								
                            };
                    </script>

        </div>
        
        <script type="text/javascript">
		
        function search(){
            if(document.getElementById("search_input").value != ""){
				window.location.href = "https://cn.bing.com/search?q=" + document.getElementById("search_input").value;	
				document.getElementById("search_input").value = "";
				}
				return false;
			}
           
           </script>
    
    </body>
    
</html>